<template>
  <div>
    <!-- 导航栏 -->
     <div class="navbar-wrap">
      <div class="Navbarold">
        <nav>
          <div class="navbar-logo">
            <a class="navbar-back" href="javascript:history.back();"></a>
          </div>
          <div class="navbar-title">猫眼电影</div>
          <div class="navbar-button"></div>
        </nav>
      </div>
    </div>

<!--  -->

    <div id="iLoginComp" style="visibility: visible;">
    <div id="secYodaRoot" class="mtfe-secyoda-mtfe-wrapper"></div>
    <div id="smdcodeYodaRoot" class="mtfe-smscodeyoda-mtfe-wrapper"></div>
    <div class="mtfe-tip-mtfe-wrapper" id="iLoginCompShowTip"></div>
    <div class="mtfe-model-mtfe-wrapper" id="iLoginCompModel"></div>
    <div class="mtfe-mask-mtfe-wrapper" id="iLoginCompMask"></div>
    <div class="mtfe-mask-second-mobile-wrapper" id="iLoginCompSecMobileModel">
      <div class="mtfe-mask-second-mobile">
        <div class="mtfe-mask-second-mobile-tip">检测到当前登录环境异常，为保障账号安全，请确认这是不是您本人的账号</div>
        <div class="mtfe-mask-second-mobile-avatar"><img id="iLoginCompSecMobileModelAvatar"></div>
        <div class="mtfe-mask-second-mobile-nickName" id="iLoginCompSecMobileModelNickName"></div>
        <div class="mtfe-mask-second-mobile-confirm" id="iLoginCompSecMobileButtonYes">是我的账号</div><div class="mtfe-mask-second-mobile-deny" id="iLoginCompSecMobileButtonNo">不是我的账号</div>
        <div class="mtfe-mask-second-mobile-tip-2">不是我的账号？可能是前任手机号主人注册的。点击“不是我的账号”，将为您注册新的账号</div>
      </div>
    </div>
    <div class="iLoginComp-wrapper mylogin-wrapper" id="iLoginCompInner">
      <div class="iLoginComp-countrycode-wrapper">
      
      </div>
      <div class="iLoginComp-phone-num-wrapper" id="iLoginCompPhoneWrapper">
        <input class="iLoginComp-phone-num-input" id="phoneNumInput" type="tel" autocomplete="off" placeholder="请输入手机号" maxlength="11">
        
        <div class="iLoginComp-send-verify-code-text" id="sendCodeBtn"><span id="sendCodeBtnText">发送验证码</span><div class="fadingCircle" id="iloginLoading">
        <div class="sms-circle"></div>
        <div class="sms-circle2"></div>
        <div class="sms-circle3"></div>
        <div class="sms-circle4"></div>
        <div class="sms-circle5"></div>
        <div class="sms-circle6"></div>
        <div class="sms-circle7"></div>
        <div class="sms-circle8"></div>
        <div class="sms-circle9"></div>
        <div class="sms-circle10"></div>
        <div class="sms-circle11"></div>
        <div class="sms-circle12"></div>
      </div></div>
      </div>
      
      <div class="iLoginComp-verify-code-wrapper" id="iLoginCompCodeWrapper">
        <input class="iLoginComp-code-input" id="codeInput" type="number" maxlength="6" autocomplete="off" placeholder="请输入短信验证码">
        
        <span></span>
      </div>
      
      <div class="iLoginComp-opbtn-wrapper">
        <button class="iLoginComp-cancel-btn-wrapper" id="cancelLogin" style="display:none;">
          取消
        </button>
        
        <button class="iLoginComp-login-btn-wrapper" id="iloginBtn">
          登录
        </button>
        
      </div>
      <div class="iLoginComp-user-account-tip iLoginComp-user-account-common"></div>
      <div class="iLoginComp-user-confirm">
        <div class="iLoginComp-user-confirm-tip" id="confirmTip">请先阅读并勾选用户协议</div>
        <div class="iLoginComp-user-confirm-wrapper">
          <label id="iloginUserConfirm">
            <input type="checkbox" class="checkbox" id="inputChecked" value="" autocomplete="off">
            <i></i>
          </label>
          <div class="iLoginComp-user-confirm-text iLoginComp-user-account-common">
            <label id="login-footer">
        <span class="copyright">我已阅读并同意<a href="https://m.maoyan.com/terms/terms">《猫眼用户服务协议》</a><a href="https://m.maoyan.com/terms/private">《隐私政策》</a><div style="margin-top: 20px;">客服电话：<a data-evt="ft/hotline" href="tel:10105335">1010-5335</a></div></span>
      </label>
          </div>
      </div>
      </div>
    </div>
  </div>

  </div>
</template>

<script>
export default {

// beforeRouteEnter(to,from,next){
//   next()
// }
}

</script>

<style lang="less">
.Navbarold {
  height: 50px;
  background-color: #e54847 !important;
  display: -webkit-box;
  height: 38px;
  overflow: hidden;
  position: relative;
  padding: 6px;
  box-sizing: content-box;
  nav {
    width: 100%;
    display: -webkit-box;
    .navbar-logo {
      width: 100px;
      background-size: 37%;
      .navbar-back {
        width: 36px;
        height: 36px;
        display: block;
        z-index: 999;
      }
      .navbar-back:after {
        content: "";
        top: 16px;
        left: 12px;
        width: 13px;
        height: 13px;
        position: absolute;
        border: 2px solid #fff;
        border-width: 0 0 2px 2px;
        transform: rotate(45deg);
      }
    }

    .navbar-title {
      -webkit-box-flex: 1;
      color: #fff;
      font-size: 18px;
      text-align: center;
      line-height: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
    }
    .navbar-button {
      position: relative;
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
  }
}
</style>